<template>
    <Header />
    <main>
        <img :src="tx" alt="" srcset="" />
        <div>用户名：{{ store.state.userinfo.username }}</div>
        <div>注册时间：{{ store.state.userinfo.createTime }}</div>
        <div>
            用户类型：{{
                store.state.userinfo.identify == '1' ? '个人用户' : '企业用户'
            }}
        </div>
    </main>
</template>
<script setup lang="ts">
import Header from '@/components/Header.vue';
import { useStore } from 'vuex';
import tx from '@/assets/tx.png';
import { computed } from 'vue';
const store = useStore();
computed(() => store.state.userinfo.avatar || tx);
</script>
<style scoped lang="less">
main {
    padding: 20px;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    img {
        display: block;
        margin: 20px auto;
    }
    div {
        width: 260px;
    }
}
</style>
